import React from 'react';
export class Modal extends React.PureComponent<any, any> {
    constructor(props) {
        super(props);
    }
    render() {
        return (
        <div className="modal fade" id="stCommonModal" data-bs-backdrop="static" data-bs-keyboard="false" tabIndex={-1} aria-labelledby="stCommonModalLabel" aria-hidden="true">
            <div className="modal-dialog">
                <div className="modal-content">
                    <div className="modal-header">
                        <h5 className="modal-title" id="stCommonModalLabel">{this.props.title || "title"}</h5>
                        <button type="button" className="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div className="modal-body">
                        {this.props.body || "props.body"}
                    </div>
                    <div className="modal-footer">
                        <button type="button" className="btn btn-secondary" data-bs-dismiss="modal">Close</button>
                        <button type="button" className="btn btn-primary" onClick={this.props.footerOk}>{this.props.footer.okLabel}</button>
                    </div>
                </div>
            </div>
        </div>);
    }
}